﻿/*banner*/
.banner { height: 450px; background: #F8F8F8; box-shadow: inset 0px -1px 0px #EEEEEE; }
.banner-list { height: 450px; margin: auto; position: relative; z-index: 1; }
.banner li { position: absolute; width: 100%; height: 450px; top: 0; left: 0; transition: all 1.5s; }
.banner li a { display: block; height: 450px; background-size: cover; }
.banner-paging { position: absolute; bottom: 44px; z-index: 200; left: 50%; padding-left: 0px; transform: translate(-50%,0%); }
.banner-paging span { display: inline-block; position: relative; width: 10px; height: 10px; line-height: 8px; text-align: center; border-radius: 50%; margin-right: 10px; }
.banner-paging em { display: inline-block; width: 6px; height: 6px; border-radius: 50%; vertical-align: middle; }
.banner-btn { display: none; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 54px; text-align: center; z-index: 200; }
.banner-btn .ico60 { cursor: pointer; transition: all 0.3s; }
.banner-btn .ico60:hover { opacity: 0.8; }
.banner-list:hover .banner-btn { display: block; }
.banner .btn-pre { left: 100px; text-align: left; }
.banner .btn-next { right: 100px; text-align: right; }

.banner-narrow .banner-list { width: 1220px; }
.banner-narrow .banner-paging { left: 0; padding-left: 120px; transform: none; }
.banner-narrow .btn-pre { left: 20px; }
.banner-narrow .btn-next { right: 20px; }

.column { margin-top: 100px; }
.column .title { display: none; }
.column .split1 { float: left; height: 100px; margin: 10px 27px 0px 27px; }
.column .split1:last-child { display: none; }
.column .item { float: left; width: 200px; text-align: center; }
.column .item p { line-height: 24px; }
.column .item img { width: 50px; height: 50px; object-fit: cover; margin-bottom: 10px; }

.aboutus { position: relative; height: 470px; color: #fff; }
.aboutus .title { display: none; }
.aboutus .pic { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.aboutus .pic img { width: 100%; height: 100%; object-fit: cover; }
.aboutus .item { position: absolute; z-index: 100; }
.aboutus .name { padding-top: 128px; }
.aboutus .name:after { display: block; content: ""; width: 82px; height: 5px; background: #fff; opacity: 0.2; margin: 24px 0px; }
.aboutus .desc { width: 844px; line-height: 24px; margin-bottom: 40px; }
.aboutus .btn1 .ico { margin-left: 30px; }

.section { margin-top: 80px; }
.section .title { line-height: 32px; margin-bottom: 30px; }
.section .title .name { float: left; position: relative; }
.section .title .name span { display: none; }
.section .title .name .ico { display: none; }
.section .title .more { float: right; }
.section .title .more .ico { margin: -2px 0px 0px 2px; }
.section .title .line2 { margin-top: 12px; }
.section .links { display: none; }

.service .item { width: 290px; float: left; padding-right: 20px; padding-top: 30px; }
.service .item .pic { width: 290px; height: 164px; overflow: hidden; }
.service .item .pic img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.service .item .pic img:hover { -webkit-transform: scale(1.04); transform: scale(1.04); }
.service .item .name { padding: 12px 0px 2px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.service .item .desc { height: 44px; overflow: hidden; line-height: 22px; }
.service .item .link1 { display: none; }
.service .item:nth-child(4n) { padding-right: 0px; }
.service .item:nth-child(-n+4) { padding-top: 0px; }

.merit { padding: 54px 0px; color: #fff; }
.merit .title { text-align: center; padding-bottom: 40px; }
.merit .item { float: left; padding-right: 180px; line-height: 22px; white-space: nowrap; }
.merit .item:last-child { padding-right: 0px; }
.merit .item .pic { margin-right: 12px; width: 50px; height: 50px; }
.merit .item .pic img { width: 100%; height: 100%; object-fit: cover; }
.merit .item .name { max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
.merit .item .desc { opacity: 0.7; padding-top: 4px; max-width: 200px; overflow: hidden;text-overflow:ellipsis; }

.brand .item { float: left; width: 216px; height: 138px; border: 1px solid #EEE; margin-right: 32px; }
.brand .item .pic { width: 216px; height: 98px; }
.brand .item .pic img { max-width: 144px; max-height: 66px; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.brand .item .name { height: 40px; line-height: 40px; text-align: center; }
.brand .item:nth-child(5n) { margin-right: 0px; }
.brand .item a { text-decoration: none; }

.product { margin-top: 0px; padding: 80px 0px; }
.product .slider { display: none; }
.product .item { float: left; width: 243px; height: 314px; margin: 0 0 -1px -1px; transition: all 0.5s; position: relative; line-height: 20px; }
.product .item:hover { box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05), 0px 10px 15px rgba(0, 0, 0, 0.1); z-index: 1; }
.product .item a { display: block; padding: 24px 20px 18px 20px; text-decoration: none; }
.product .item .pic { width: 160px; height: 160px; margin: auto; }
.product .item .time { height: 20px; padding: 20px 0px 4px 0px; }
.product .item .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product .item .desc { height: 20px; padding: 4px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product .item .desc .split { margin: 0px 6px; margin-top: -2px; }
.product .item .price .old { text-decoration: line-through; }
.product .item .price span { margin-left: 4px; }
.product .item .tag { position: absolute; top: 12px; left: 12px; }
.product .item .tag span { vertical-align: middle; margin-right: 4px; }
.product .item .pic-zoom { position: absolute; top: 4px; right: 4px; cursor: pointer; display: none; }
.product .item .pic-zoom:hover { opacity: 0.8; }
.product .item:hover .pic-zoom { display: block; }

.news { padding-bottom: 80px; }
.news .item { float: left; width: 290px; height: 330px; padding-right: 20px; position: relative; }
.news .item:last-child { padding-right: 0px; }
.news .item .pic { width: 290px; height: 164px; background: #ddd; overflow: hidden; margin-bottom: 10px; }
.news .item .pic img { width: 100%; width: 100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.news .item .pic img:hover { -webkit-transform: scale(1.04); transform: scale(1.04); }
.news .item .name { max-height: 46px; line-height: 24px; padding: 6px 0px; overflow: hidden; }
.news .item .text { max-height: 44px; line-height: 22px; overflow: hidden; }
.news .item .link1 { position: absolute; bottom: 4px; }
.news .item .link1 .ico10 { margin: -2px 0px 0px 4px; }
.news .item .type, .news .item .time2, .news .item .author { display: none; }
.news .item .time span { margin-right: 8px; }

#category4 {display:block!important;}
.footer-links { display:block;}
.footer .copyright .line1 { display:block; }

.links-list { color: #666; line-height:24px;padding-top:24px;border-top:1px solid #ddd;font-size:16px;margin-top:16px}
.links-list a { color: #666; margin-right: 16px; }
